<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <!-- input标签可以通过type属性值的不同，展示不同的效果 -->
        <!-- placeholder——占位符，提示用户输入内容 -->
        <!-- text文本框，用于输入单行文本 -->
        文本框:<input type="text" placeholder="请输入用户名">
        <br>
        <br>
        密码框:<input type="password" placeholder="请输入密码">
        <br>
        <br>
        <!-- checked表示默认选择 -->
        单选框: 性别:<input type="radio" name="sex" checked>男
                    <input type="radio" name="sex">女
        <br>
        <br>
        多选框:<input type="checkbox" checked>
        <br>
        <br>
        <!-- multiple表示上传多个文件 -->
        上传文件:<input type="file" multiple>
        <br>
        <br>
        <!-- 按钮：1.submit表示提交按钮，提交数据到后端服务器；2.reset表示重置按钮，回复表单默认值；3.button表示普通按钮，需要配合js添加功能   注意：需要表单预标签才能够熊使用 -->
        <input type="submit" value="免费注册">
        <input type="reset">
        <input type="button" value="普通按钮">
    </form>
    <br>
    <br>
    <!-- 下拉菜单:select表示下拉菜单的整体；option表示下拉菜单的每一项   selected属性来写下拉菜单的默认选项 -->
    <select name="" id="">
        <option value="">北京</option>
        <option value="">上海</option>
        <option value="" selected>广州</option>
        <option value="">深圳</option>
    </select>
    <br>
    <br>
    <!-- textarea表示文本域标签 -->
    <textarea name="" id="" cols="30" rows="10"></textarea>
    <br>
    <br>
    性别:
    <label><input type="radio" name="sex" checked>男</label>
    <label><input type="radio" name="sex">女</label>
</body>
</html>